<!-- <h3 class="text-black-50">{{menuKey |  uppercase}}</h3> -->
<div innerHTML="{{getPropertyText()}}"> </div>

<hr>
<h3 class="text-black-50">{{'Document'|translate}}</h3>
<div *ngFor="let attachment of attachments">
    <a href="{{attachment.filePath}}" target="_blank">{{attachment.originalFilename}}</a>
    {{attachment.fileSize/1024 | number:'1.1-2'}} KB - {{attachment.createTime | date:'short'}}
</div>
<div class="row">
    <div class="col-md-3 align-center"><p-button *ngIf="user.role === 'admin'"  (onClick)="onEdit()" icon="fa fa-pencil" iconPos="left" styleClass="ui-button-primary"></p-button></div>
    
    <!-- <button class="btn btn-info float-md-right" (click)="onEdit()">Edit</button> -->
</div>
<div *ngIf="isEditPanelVisible">
    <hr>
    <p-editor [(ngModel)]="richText" [style]="{'height':'320px'}"></p-editor>
    <hr>
    <div *ngIf="isShowUploader()">
        <div *ngFor="let attachment of attachments">
            <p-button  (onClick)="onDeleteFile(attachment)" icon="fa fa-trash" iconPos="left" styleClass="ui-button-danger"></p-button>
            {{attachment.originalFilename}} - {{attachment.fileSize/1024 | number:'1.1-2'}} KB - {{attachment.createTime | date:'short'}}
        </div>
        <p-fileUpload #filePropertyResourceUploader (uploadHandler)="onFileUpload(filePropertyResourceUploader)" customUpload="true"
        [withCredentials]="true" multiple="multiple"></p-fileUpload>
    </div>
    <button class="btn btn-info float-md-right" (click)="onSave()">Save</button>
    <button class="btn btn-danger float-md-right" (click)="onClose()">Close</button>

</div>

<p-growl [(value)]="msgs" life="5000"></p-growl>